<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="../easyui/jquery.min.js"></script>
    <script src="../easyui/jquery.easyui.min.js"></script>
    <script src="../easyui/locale/easyui-lang-zh_CN.js"></script>
    <link rel="stylesheet" href="../easyui/themes/bootstrap/easyui.css">
    <link rel="stylesheet" href="../easyui/themes/icon.css">
    <script>
        $(function(){
            $('#departmentId').combotree({
                url:'department.json'
            });
            $('#dlg').dialog({
                title:'新建用户',
                buttons:'#dlg-toolbuttons'
            });
            $('#ff').form({

            });
        });
        var op = {
            submit:function(){
                $('#ff').form('submit');
            }
        }
    </script>
    <style>
        .textbox{
            height:20px;
            margin:0;
            padding:0 2px;
            box-sizing:content-box;
        }
    </style>
</head>
<body>
<div id="dlg">
    <form id="ff">
    <table style="padding: 10px">
        <tr>
            <td><label for="name">用户名:</label></td>
            <td><input type="text" id="name" name="name" class="easyui-validatebox textbox" required="true"></td>
        </tr>
        <tr>
            <td><label for="departmentId">部门：</label></td>
            <td><input type="text" id="departmentId" name="departmentId" class="textbox"></td>
        </tr>
    </table>
    </form>
</div>
<div id="dlg-toolbuttons">
    <a class="easyui-linkbutton" iconCls="icon-ok" onclick="op.submit();">提交</a>
    <a class="easyui-linkbutton" iconCls="icon-cancel" onclick="">取消</a>
</div>
</body>
</html>